<template>
  <div>
      <h3>v-model使用</h3>
      <!-- 作用：给表单元素使用，双向绑定！ -->
      <div>
        用户名：<input type="text" v-model="usernmae">
      </div>
      <div>
          密码：<input type="text" v-model="password">
      </div>
      <button @click="submif">提交</button>
      <button @click="clear">清空</button>
  </div>
</template>

<script>
export default {
data(){
    return{
        usernmae:'',
        password:''
    }
},methods:{
  submif(){
      console.log(this.usernmae);
      console.log(this.password);
      },
  clear(){
      this.usernmae=''
      this.password=''
  }
}
}
</script>

<style>

</style>